<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <style>
        body{
            background-image: url("404.jpg");
            align-content: center;


        }
        .class{
            display: block;
            width: 150px;
            float: left;
            position: relative;
            font-size: 500px;
            margin-left: 350px;
        }
        #s1{
            position: relative;
            left: -200px;
            top: 50px;
        }
        #s2{
            position: relative;
            right: -200px;
            top: 50px;

        }
        #d1{
            position: relative;
            top: 650px;
            font-size: 50px;
            right: 35%;
        }
        #i1{

            width: 150px;
            height: 50px;
            position: relative;
            top: 40px;
            right: 50px;

        }

    </style>

</head>
<body>
<div align="center">
    <input type="button" value="回到首页" id="i1">

    <div >
        <span class="class" id="s1">4</span>
        <span class="class" id="s2">4</span>
    </div>
    <div id="d1">
        <p id="p1">页面没了,检查下是不是路径有问题!</p>
    </div>

</div>
<script>
    $("input").click(function () {
      location.href="index.html"
    })
</script>

</body>
</html>